<template>
  <div>
    <div>
      <el-tabs v-model="activeName" >
        <el-tab-pane label="部门管理" name="depMana">
          <dep-mana></dep-mana>
        </el-tab-pane>
        <el-tab-pane label="职位管理" name="posiMana">
          <posi-mana></posi-mana>
        </el-tab-pane>
        <el-tab-pane label="职称管理" name="proseMana">
          <prose-mana></prose-mana>
        </el-tab-pane>
        <el-tab-pane label="奖惩规则" name="rewardMana">
          <reward-mana></reward-mana>
        </el-tab-pane>
        <el-tab-pane label="权限组" name="roleMana">
          <role-mana></role-mana>
        </el-tab-pane>
      </el-tabs>
    </div>
    <div>

    </div>
  </div>
</template>

<script>
import DepMana from "@/components/system/basic/DepMana";
import PosiMana from "@/components/system/basic/PosiMana";
import ProseMana from "@/components/system/basic/ProseMana";
import RewardMana from "@/components/system/basic/RewardMana";
import RoleMana from "@/components/system/basic/RoleMana";
export default {
name: "SysBasic",
  components: {RoleMana, RewardMana, ProseMana, PosiMana, DepMana},
  data(){
      return{
        activeName:'proseMana'
    }
  }
}
</script>

<style scoped>

</style>